<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>青年帮</title>
	</head>
	<link rel="stylesheet" href="css/font-awesome.min.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css">

	<body>
		<header>
			<div style="width: 100%;color: white;" >
				<img src="img/2.png" style="margin-left: 15%;float: left;" />
				<ul>
					<li>首页</li>
					<li class="sign">案例展示</li>
					<li>最新文章</li>
					<li>帮店助手</li>
					<li>设计导航</li>
				</ul>
				<i style="font-size: 20px;margin-top: 25px;margin-left: -350px;" class="fa fa-user" aria-hidden="true"></i>
					关注我们
			</div>
		</header>
		<main>
			<header>
				Case Presentaition<br/> 案例展示
				<br/>
				<p>优质的服务，对客户的负责是我们永恒的宗旨</p>
			</header>
			<div class="items">

				<div class="item">
					<img src="img/1.jpg">
				</div>
				<div class="item">
					<img src="img/1.png">
				</div>
				<div class="item">
					<img src="img/2.jpg">
				</div>
				<div class="item">
					<img src="img/3.jpg">
				</div>

			</div>
			<div class="items">

				<div class="item">
					<img src="img/4.jpg">
				</div>
				<div class="item">
					<img src="img/5.jpg">
				</div>
				<div class="item">
					<img src="img/6.jpg">
				</div>
				<div class="item">
					<img src="img/7.jpg">
				</div>
			</div>
			<div class="page">
				<ul>
					<li>
						<<</li>
							<li>
								<</li>
									<li style="color: black;">1</li>
									<li>2</li>
									<li>></li>
									<li>>></li>
				</ul>
			</div>
		</main>
		<footer>
			<div style="color: white;">
				<img src="img/9.png" style="width: 120px;margin-left: 20%;" />
				<p style="font-size: 10px;margin-left: 28%;margin-top:-45px;color: white;">qingnian8.com<br/>青年帮创意工坊</p>
				<hr style="border-top:2px solid #0086ad;border-bottom: none;width: 60%;" />
				<div style="float: left;margin-top:20px;margin-left: 20%;width: 20%;height: 200px;">
					<i class="fa fa-phone" style="font-size: 25px;"></i>
					<p style="position: relative;margin-top: -25px;margin-left: 25px;">13065018050(业务咨询)</p>
					<i class="fa fa-qq" style="font-size: 20px;"></i>
					<p style="position: relative;margin-top: -20px;margin-left: 25px;">513894357(业务咨询)</p><br/>
					<div>
						Connect With Us
						<div style="margin: -30px 0px 0px 140px;">
							<img src="img/6.png" /><img src="img/4.png" /><img src="img/3.png" />
						</div>
					</div>
				</div>
				<div style="float: left;width: 20%; height: 200px;">
					<p style="font-weight:600;">网站地址</p>
					<p style="color: #a3ecfb;">
					首页 | Home<br />
					论坛 | Forum<br />
					案例展示 | Case Presentation<br />
					帮店助手 | Assistant<br />
					快课教育 | Education<br />
					</p>
				</div>
				<div style="float: left;width: 20%; height: 200px;">
					<p style="font-weight:600;">关注我们</p>
					<div style="text-align: center;float: left;">
						<img src="img/7.png" /><br />
						微信公众号
					</div>
					<div style="text-align:center;float: left;margin-left: 10px;">
						<img src="img/8.png" /><br />
						站酷主页
					</div>
				</div>
			</div>
		</footer>
		<div style="color:#333333;line-height:50px;background-color: white;height: 50px;width: 100%;">
			Copyright&copy;2010-2018 qingnian8.com All Rights Reserved
		</div>
	</body>

</html>